//.van-nav-bar {
//    background-color: #F9F9F9 !important;
//    z-index: -1;
//    text {
//        font-size: 42rpx;
//    }
//    image {
//        height: 44rpx;
//    }
//}

.container{
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: #F9F9F9;

  .above-region{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;

    .display-region{
      display: flex;
      flex-direction: column;
      background-color: white;
      width: 92%;
      border-radius: 3%;
      margin-top: 30rpx;

      .description1{
        font-size: 35rpx;
        color: #999999;
        margin: 30rpx 0rpx 20rpx 30rpx;
      }

      .money-region{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin: 0rpx 0rpx 20rpx 20rpx;

        .money-icon{
          font-weight: bolder;
          margin-bottom: 7rpx;
          font-size: 60rpx;
        }

        .money{
          font-size: 85rpx;
          font-weight: bold;
        }
      }

      .separate{
        background-color: #F9f9f9;
        height: 5rpx;
        margin: 0rpx 30rpx 0rpx 30rpx;
      }

      .description2{
        font-size: 30rpx;
        color: #999999;
        margin: 35rpx 0rpx 35rpx 30rpx;
      }
    }

    .input-region{
      display: flex;
      flex-direction: column;
      background-color: white;
      justify-items: center;
      width: 92%;
      margin-top: 20rpx;

      .email{
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;

        .input-email{
          margin: 0rpx 0rpx 0rpx 30rpx;
          flex: 1;
        }
  
        .obtain-contract{
          background-color: #1577FF;
          color: white;
          border-radius: 64rpx;
          font-size: 30rpx;
          margin: 20rpx 20rpx 20rpx 0rpx;
        }
      }

      .input-name, .input-cardNo{
        margin: 0rpx 0rpx 0rpx 30rpx;
        height: 100rpx;
      }

      .separate{
        background-color: #F9f9f9;
        height: 5rpx;
        width: auto;
        margin: 0rpx 30rpx 0rpx 30rpx;
      }
    }

    .upload-region{
      display: flex;
      flex-direction: column;
      background-color: white;
      width: 92%;
      margin-top: 20rpx;

      .title{
        margin: 30rpx 0rpx 0rpx 30rpx;
        font-size: 30rpx;
      }

      .separate{
        background-color: #F9f9f9;
        height: 5rpx;
        margin: 15rpx 30rpx 15rpx 30rpx;
      }

      .upload-photo{
        height: 200rpx;
        margin-left: 30rpx;
      }
    }
  }


  .button-region{
    justify-self: flex-end;
    display: flex;
    flex-direction: column;
    width: 92%;
    background-color: #F9F9F9;
    margin-bottom: 100rpx;

    .contract-region{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin-bottom: 20rpx;

      .contract{
        font-size: 30rpx;
        color: #999999;
      }

      .go{
        height: 25rpx;
        margin-left: 15rpx;
      }
    }

    .submit{
      background-color: #1577FF;
      color: white;
      width: 100%;
    }
    .disable {
      background-color: #cecece;
      color: white;
    }
  }
}
